<template>
  <div class="learnIndex">
    <van-nav-bar
      title="已购课程"
    />
    <course-list :fetchData="fetchData"></course-list>
  </div>
</template>

<script>
import { NavBar } from 'vant'
import { getPurchaseCourse } from '@/services/course'
import courseList from '@/components/courseContentList'
export default {
  name: 'learnIndex',
  components: {
    courseList,
    VanNavBar: NavBar
  },
  data () {
    return {}
  },
  methods: {
    fetchData () {
      return getPurchaseCourse()
    }
  }
}
</script>

<style lang="scss" scoped>
.courseContentList{
  top: 48px;
  bottom: 50px;
}
</style>
